<template>
    <view class="container">
        <view class="content-wrap">
            <TridentCellItem v-for="(item, index) in menus" :key="index" :item="item"/>
        </view>
    </view>
</template>

<script setup>
import { reactive } from 'vue'

// 菜单
const menus = reactive([
    {
        title: '盆友圈',
        icon_color: 'aquamarine',
        icon_size: '30px',
        icon: 'icon-pengyouquan',
        icon_border: 'none'
    },
    {
        title: '视频号',
        icon_color: '#E8A552',
        icon_size: '22px',
        icon: 'icon-wechat-video',
        icon_border: 'none'
    },
    {
        title: '直播',
        icon_color: '#DD8C7B',
        icon_size: '26px',
        icon: 'icon-zhibo',
        icon_border: 'none'
    },
    {
        title: '扫一扫',
        icon_color: '#6AA5DC',
        icon_size: '26px',
        icon: 'icon-saoyisao',
        icon_border: 'none'
    },
    {
        title: '听音乐',
        icon_color: '#F8504F',
        icon_size: '26px',
        icon: 'icon-yinle',
        icon_border: 'none'
    },
    {
        title: '看一看',
        icon_color: '#F4C51C',
        icon_size: '26px',
        icon: 'icon-kanyikan',
        icon_border: 'none'
    },
    {
        title: '搜一搜',
        icon_color: '#E3595C',
        icon_size: '26px',
        icon: 'icon-souyisou1-copy',
        icon_border: 'none'
    },
    {
        title: '附近',
        icon_color: '#408ABD',
        icon_size: '26px',
        icon: 'icon-fujin',
        icon_border: 'none'
    },
    {
        title: '购物',
        icon_color: '#E3595C',
        icon_size: '26px',
        icon: 'icon-gouwu',
        icon_border: 'none'
    },
    {
        title: '游戏',
        icon_color: '#666666',
        icon_size: '26px',
        icon: 'icon-youxi',
        icon_border: 'none'
    }
])
</script>

<style scoped lang="scss">

</style>